<template>
  <div class="container">
       <Header v-bind:isBack="isBack" v-bind:title="typeName"></Header>
       <itemList :id="id"></itemList>
       <!-- <player></player> -->
  </div>
</template>

<script>
export default {
  name: 'mall',
  data () {
    return {
      title:'',
      isBack:true,
      typeName:'',
      id:1,
    }
  },
  methods:{

  },
  created(){
    this.typeName = this.$route.query.typeName;
    this.id = this.$route.query.id/1;
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.container{
  padding-top: 1.5rem;
  background-color: #fff;
    h5{
        font-size: 0.2rem;
    }
}
</style>
